<template>
	<div id="main">
		<div id="search">
			<a-input-search placeholder="请输入" style="width: 200px" @search="onSearch" />
			<div id="checkbox-main">
				<div style="padding-left: 0"><input type="checkbox" class="pl-20"> 全</div>
				<div v-for="(path, index) in paths" :key="index">
					<input type="checkbox" class="pl-20"> 通道{{path}}
				</div>
			</div>
		</div>
	</div>
</template>

<script>
    export default {
        name: "aiBar",
	    computed:{
            paths:function(){
                let result = []
	            for (let i = 1 ; i<256 ; i++){
	                result.push(i)
	            }
	            console.log(result)
	            return result
            }
	    },
	    methods:{
            onSearch(){

            }
	    }
    }
</script>

<style scoped lang="less">
	#main{
		width: 220px;
		border: 1px solid #D9D9D9;
		padding: 10px;
		#checkbox-main{
			padding: 10px;
			height: 750px;
			overflow-y: auto;
			div{
				padding-left: 30px;
			}
		}
		.pl-20{
			padding-right: 20px;
		}
	}
</style>
